<style>
    ol {
	color: blue;
    }
    li {
	cursor: default;
    }
    li.active {
	background: black;
	color: white;
    }
    span {
	color:red;
    }
</style>
<script src="//code.jquery.com/jquery-1.10.2.js"></script>
<h3>Danh Mục Menu</h3>
<ol>
    <li class="menu-left-style">
	<a style="text-decoration:none;" href="?modul=products">
	    Quản lý sản phẩm
	</a>
	<ul>
	    <li>
		<a style="text-decoration:none;" href="?modul=products&action=products_type">
		    Phân nhóm sản phẩm
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=products&action=products_list">
		    Danh sách sản phẩm	    
		</a>
	    </li>
	</ul>
    </li>
    <li class="menu-left-style">
	<a style="text-decoration:none;" href="?modul=services">
	    Quản lý dịch vụ
	</a>
	<ul>
	    <li>
		<a style="text-decoration:none;" href="?modul=services&action=services_type">
		    Phân nhóm dịch vụ
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=services&action=services_list">
		    Danh sách dịch vụ
		</a>
	    </li>
	</ul>
    </li>
    <li class="menu-left-style">
	<a style="text-decoration:none;" href="?modul=gallery">
	    Quản lý Ảnh
	</a>
	<ul>
	    <li>
		<a style="text-decoration:none;" href="?modul=gallery&action=gallery_type">
		    Phân nhóm ảnh
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=gallery&action=gallery_list">
		    Danh sách bộ sưu tập
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=gallery&action=gallery_slide_home">
		    Ảnh Slide trang chủ
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=gallery&action=gallery_home">
		    Ảnh đẹp trang chủ
		</a>
	    </li>
	</ul>
    </li>
    <li class="menu-left-style">
	<a style="text-decoration:none;" href="?modul=events">
	    Quản lý sự kiện
	</a>
	<ul>
	    <li>
		<a style="text-decoration:none;" href="?modul=events&action=events_type">
		    Phân nhóm sự kiện
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=events&action=events_list">
		    Danh sách sự kiện
		</a>
	    </li>
	</ul>
    </li>
    <li class="menu-left-style">
	<a style="text-decoration:none;" href="?modul=home">
	    Quản trị hệ thống
	</a>
	<ul>
	    <li>
		<a style="text-decoration:none;" href="?modul=home&action=about">
		    Thông tin giới thiệu
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=home&action=contacts">
		    Thông tin liên hệ
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=home&action=banner">
		   Chỉnh sửa banner
		</a>
	    </li>
	</ul>
    </li>
    <li class="menu-left-style">
	<a style="text-decoration:none;" href="#">
	    Phản hồi / Ý kiến / Đóng góp
	</a>
	<ul>
	    <li>
		<a style="text-decoration:none;" href="?modul=home&action=about">
		    Cảm nhận khách hàng
		</a>
	    </li>
	    <li>
		<a style="text-decoration:none;" href="?modul=home&action=contacts">
		    Khách hàng liên hệ
		</a>
	    </li>
	</ul>
    </li>
</ol>
<script>
    $("li").hover(
	    function() {
		$(this).append($("<span> ***</span>"));
	    }, function() {
	$(this).find("span:last").remove();
    }
    );
    $("li.fade").hover(function() {
	$(this).fadeOut(100);
	$(this).fadeIn(500);
    });
</script>